<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        ul li {
            float: left;
            margin-right: 30px;
        }

        /* 空心文字悬停 */
        .cs2 li a:hover {
            -webkit-text-fill-color: #fff;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #191414;
        }
    </style>
</head>

<body>
    <ul class="cs1">
        <li><a href="">测试文本1</a></li>
        <li><a href="">测试文本1</a></li>
        <li><a href="">测试文本1</a></li>
    </ul>


    <ul class="cs2">
        <li><a href="">测试文本1</a></li>
        <li><a href="">测试文本1</a></li>
        <li><a href="">测试文本1</a></li>
    </ul>
</body>

</html>